1
00:00:01,100 --> 00:00:03,470
וואו! good job for still hanging in there.

2
00:00:03,500 --> 00:00:08,420
זה רק נהיה יותר ויותר מרגש מכאן, אנחנו רק מגרדים את פני השטח עם הכוח הזה

3
00:00:08,420 --> 00:00:10,650
comes, with being a web developer.

4
00:00:10,970 --> 00:00:16,310
But I want to quickly talk about HTML vs HTML5.

5
00:00:16,610 --> 00:00:23,550
הזכרתי את הנושא הזה כמה פעמים, אבל פשוט פשטתי אותו ואמרתי לך, כן זה HTML

6
00:00:23,570 --> 00:00:24,960
Yeah this is HTML5.

7
00:00:24,980 --> 00:00:33,290
אבל רציתי פשוט לקחת הפסקה ולעבור במהירות על הרעיון הבסיסי של מה זה HTML5?

8
00:00:33,290 --> 00:00:44,270
אם אתה זוכר בתרשים שלנו, HTML, כשהיא התחילה לראשונה בשנים 1989 עד 1991, זה לא היה כל כך משוכלל.

9
00:00:44,270 --> 00:00:46,880
לא היו לו כל כך הרבה תכונות, כמו שיש לו עכשיו.

10
00:00:46,880 --> 00:00:55,340
אנחנו רוצים לוודא שכל הדפדפנים האלה משחקים יפה ומבינים את כללי ה-HTML שלנו.

11
00:00:55,490 --> 00:01:02,300
אז אם אתה זוכר, לחבר שלנו טים, מפתח האינטרנט הראשון שלנו, הבחור שיצר את הרשת העולמית

12
00:01:02,300 --> 00:01:09,380
גוף מנהל, שקובע איך HTML צריך להיראות, כדי שדפדפנים בודדים אלה ידעו

13
00:01:09,380 --> 00:01:12,850
how to code their browser, so that it reads HTML properly.

14
00:01:12,930 --> 00:01:18,610
וברור שהרשת שהייתה לנו בשנות ה-90 שונה מאוד מזו שיש לנו עכשיו.

15
00:01:18,620 --> 00:01:25,860
אז יש הרבה דברים חדשים שאנחנו צריכים לעדכן וחלק מהדברים האלה כן.

16
00:01:26,360 --> 00:01:35,930
You know we have phones and we have tablets and just overall, we need more power from HTML.

17
00:01:35,930 --> 00:01:43,130
אז, HTML5 הייתה האבולוציה ויש, יש הרבה התפתחות של HTML, HTML5 הוא האחרון

18
00:01:43,130 --> 00:01:51,230
one, where we try to add on features so that, we can improve the user experience.

19
00:01:51,250 --> 00:01:53,650
עכשיו, מהן כמה מהתכונות האלה?

20
00:01:53,750 --> 00:02:00,630
Let's take a quick look, at our good old friend, W3 schools.

21
00:02:00,780 --> 00:02:06,960
One of the things that HTML5 wants to do is, well we want to make sure that it doesn't affect

22
00:02:07,110 --> 00:02:13,460
any old web site, if you remember our very first web site from Tim, maybe in 1991.

23
00:02:13,740 --> 00:02:18,720
ובכן, זה עדיין עובד עד היום, ביקרנו בו בסרטונים הקודמים.

24
00:02:18,720 --> 00:02:24,420
You can still visit Web sites from the 90s, because we want to make sure that everything is backwards

25
00:02:24,450 --> 00:02:25,110
תואם.

26
00:02:25,110 --> 00:02:28,880
That's a fancy way of saying, older versions are not obsolete.

27
00:02:28,890 --> 00:02:35,390
But we also want to tack on these features and you can read on the Web site, all the information of HTML5

28
00:02:35,400 --> 00:02:41,880
and what it does and some of the things that it supports and it does get a little technical and

29
00:02:41,940 --> 00:02:43,860
we don't need to get into it, too much.

30
00:02:43,860 --> 00:02:51,630
אבל הדבר היחיד שאני רוצה להדגיש, זה הציג את הרעיון הזה של אלמנטים סמנטיים ומה

31
00:02:51,630 --> 00:02:59,370
כלומר, הם רצו להפוך אתרי אינטרנט לתיאוריים יותר, מנועי חיפוש כמו גוגל יכנסו לאתרים

32
00:02:59,370 --> 00:03:03,570
והם משתמשים בדברים האלה שנקראים סורקים כדי לעיין באתר האינטרנט שלך.

33
00:03:03,600 --> 00:03:08,850
המכונות האלה, שקוראות את ה-HTML שלך, כדי להבין מהו אתר האינטרנט שלך?, על מה הנושא

34
00:03:08,850 --> 00:03:17,370
זה כן?, כדי שיוכלו לדרג אותו במנועי חיפוש ואלמנטים סמנטיים HTML5, מנסה להוסיף קצת

35
00:03:17,370 --> 00:03:23,690
קצת יותר משמעות עבור הרובוטים האלה, כך שכאשר הם נתקלים במשהו, זה קצת יותר הגיוני.

36
00:03:23,700 --> 00:03:29,360
אז זו דוגמה לכמה מהתגים החדשים האלה שהציג HTML5.

37
00:03:29,430 --> 00:03:32,430
ובואו נראה לכם כמה מהם.

38
00:03:32,490 --> 00:03:38,410
לדוגמה, אם רצינו להגיד שאנחנו רוצים להגיב על זה, אנחנו יודעים איך לעשות את זה כבר.

39
00:03:38,610 --> 00:03:50,070
ואלמנט סמנטי, אולי ייראה כמו 'כותרת' שבה יש לנו את הכותרת 'h1' שהיא "רישום"

40
00:03:53,020 --> 00:03:59,290
ואנחנו סוגרים את '/header' כך שעכשיו, הסורק יודע את זה, זו הכותרת שלנו ואולי יש לנו כמה

41
00:03:59,950 --> 00:04:01,010
ניווט קישורי 'nav'.

42
00:04:01,030 --> 00:04:12,130
אז עכשיו, אנחנו יכולים לקבל תגיות 'a' עם 'href' שלנו ואנחנו רק נגיד את זה, זה מקשר לגוגל ואז נסגור

43
00:04:12,130 --> 00:04:12,710
ה-'Nav'.

44
00:04:12,790 --> 00:04:18,430
יש לנו רק קישור ניווט אחד לעת עתה, אבל רק רציתי להדגים במהירות.

45
00:04:18,630 --> 00:04:32,670
ולבסוף יש לנו 'תחתונה', אז בתוך 'תחתונה', אנחנו יכולים להוסיף משהו כמו "אתר שנעשה באהבה".

46
00:04:34,150 --> 00:04:41,410
ואתה יכול לראות כאן, זה אפילו למכונה, אם היא מבינה מה המשמעות של 'כותרת', ומשמעות 'nav',

47
00:04:41,410 --> 00:04:48,580
ו'כותרת תחתונה' פירושה, נותן הרבה יותר משמעות לדף האינטרנט ויהיה לו מושג טוב יותר על איך האתר

48
00:04:48,580 --> 00:04:55,030
הוא מובנה והיכן הדירוג שלהם ותוצאות החיפוש שלהם בגוגל. אתה יכול לקחת את הזמן ולקרוא

49
00:04:55,030 --> 00:04:56,580
דרך חלק מהתגים הללו.

50
00:04:56,590 --> 00:05:03,250
ואני כן ממליץ לך לבקר באתר האינטרנט הזה ולעבור על חלק מהקדמה של HTML, אפילו

51
00:05:03,250 --> 00:05:08,830
תראה את זה, אם נלחץ על סוגי 'קלט' או משהו שכבר ביקרנו בו ונגלול לחלק מה

52
00:05:08,830 --> 00:05:16,600
תכונות, תראה שיש איזה HTML5 חדש, יש להם את הסמל הקטן הזה כאן, שיש להם

53
00:05:16,600 --> 00:05:23,130
הוצגה, אז אנחנו מתרחבים כל הזמן כדי להפוך את HTML לטוב יותר ויותר פונקציונלי.

54
00:05:23,140 --> 00:05:29,230
אתה יכול לראות כאן 'min', למשל, אנו משתמשים בזה עבור סיסמה, אם אתה זוכר, מציין את הערך המינימלי

55
00:05:29,230 --> 00:05:30,040
עבור שדה קלט.

56
00:05:30,040 --> 00:05:40,840
אז אם אני מגדיר 'דקה' כאן, אז זה ודא שאני מזין את כמות הערך המינימלית.

57
00:05:41,940 --> 00:05:43,840
אבל שוב, אתה יכול להסתכל על זה בעצמך.

58
00:05:44,040 --> 00:05:48,880
הבעיה עם אינטרנט סמנטי היא שזה עדיין די חדש.

59
00:05:49,080 --> 00:06:01,090
אז אתה לא תראה כל כך הרבה מזה, אתה תראה באתרי אינטרנט מסוימים, אבל קשה מאוד להוכיח שזה באמת

60
00:06:01,090 --> 00:06:07,540
יש ביצועי SEO טובים כי זה עדיין מוקדם למדי, אבל רק כדי שלא תופתעו ואתם

61
00:06:07,570 --> 00:06:10,310
מודע למה שקורה.

62
00:06:10,390 --> 00:06:18,000
זה משהו שאתה עלול להיתקל בו, אבל בסך הכל HTML5 מנסה לשפר את הביצועים של

63
00:06:18,000 --> 00:06:20,200
האינטרנט, כי אנחנו כל הזמן מתפתחים.

64
00:06:20,340 --> 00:06:29,160
ובדיוק כמו אתרי אינטרנט, צריך לעבור מאתר אינטרנט פשוט מבוסס טקסט HTML לאתרי אינטרנט ענקיים כמו

65
00:06:29,190 --> 00:06:36,630
טוויטר, שתוכל לפרסם ולדבר עם מיליוני אנשים ברחבי העולם, שם אנחנו צריכים את טכנולוגיות האינטרנט שלנו

66
00:06:36,630 --> 00:06:39,220
להתפתח איתנו.

67
00:06:39,230 --> 00:06:40,890
אני אראה אותך בפרק הבא. ביי ביי